Skip to main content

Elemento di visualizzazione: commutatore di immagini

Simbolo:

_visu_img_image_switcher.png

Categoria: Lampade/Interruttori/Bitmap

L'elemento visualizza una delle tre immagini di riferimento. Le azioni del mouse cambiano l'immagine visualizzata. Le immagini sono definite nel Impostazioni immagine proprietà degli elementi. Gli effetti dei clic del mouse sono definiti nel Comportamento degli elementi proprietà.

Proprietà dell'elemento

Sono disponibili tutte le proprietà degli elementi?

Tutte le proprietà sono disponibili solo dopo aver selezionato Avanzato opzione o Tutte le categorie filtrare Proprietà.

Nome elemento

Esempio: ImageSwitcher_1

Suggerimento

Assegna nomi individuali agli elementi in modo che vengano trovati più velocemente nell'elenco degli elementi.

Tipo di elemento

Commutatore di immagini

Posizione

La posizione definisce la posizione e la dimensione dell'elemento nella finestra di visualizzazione. Questo si basa sul sistema di coordinate cartesiane. L'origine si trova nell'angolo in alto a sinistra della finestra. L'asse X orizzontale positivo corre verso destra. L'asse Y verticale positivo corre verso il basso.

X

La coordinata X (in pixel) dell'angolo superiore sinistro dell'elemento

Esempio: 10

Y

La coordinata Y (in pixel) dell'angolo superiore sinistro dell'elemento

Esempio: 10

Larghezza

Specificato in pixel

Esempio: 150

Altezza

Specificato in pixel

Esempio: 30

Suggerimento

Puoi anche modificare i valori trascinando la casella _visu_icon_position_element.png simboli in altre posizioni nell'editor.

Variabile

Variabile

variabile (BOOL).

Il valore della variabile cambia in base all'input dell'utente ed è indipendente da Comportamento degli elementi proprietà dell'elemento.

Impostazioni dell'immagine

Immagine, se "attiva"

ID di un'immagine specifica da un pool di immagini

L'immagine viene utilizzata se la variabile del Variabile la proprietà ha il valore TRUE.

Suggerimento

È inoltre possibile selezionare l'immagine utilizzando l'Assistente di input.

Immagine, se "spenta"

ID di un'immagine specifica da un pool di immagini

L'immagine viene utilizzata se la variabile del Variabile la proprietà ha il valore FALSE.

Suggerimento

È inoltre possibile selezionare l'immagine utilizzando l'Assistente di input.

Immagine, se "spinta"

Requisito: il Comportamento degli elementi è impostato per Commutatore di immagini.

ID di un'immagine specifica da un pool di immagini

In fase di esecuzione, la visualizzazione mostra l'immagine di riferimento quando si fa clic sull'elemento (e si tiene premuto il pulsante del mouse).

Suggerimento

È inoltre possibile selezionare l'immagine utilizzando l'Assistente di input.

Trasparenza

standard icon: IL Colore trasparente è selezionato.

Colore trasparente

Requisiti: Trasparenza è attivato.

I pixel dell'immagine che hanno il colore trasparente vengono visualizzati come trasparenti.

  • _cds_icon_three_dots.png: IL Colore si apre la finestra di dialogo.

  • _cds_icon_arrow_down.png: si apre una casella di riepilogo con i nomi dei colori.

Tipo di scala

Definisce il modo in cui un'immagine si inserisce nella cornice dell'elemento

  • Fisso: la dimensione originale dell'immagine viene mantenuta, indipendentemente dalla dimensione dell'elemento.

  • Isotropico: L'intera immagine viene visualizzata nella cornice dell'elemento, più grande o più piccola. Di conseguenza, la proporzione tra altezza e larghezza viene mantenuta.

  • Anisotropo: L'immagine si ridimensiona automaticamente alle dimensioni della cornice dell'elemento, riempiendo l'intera cornice dell'elemento. Di conseguenza, le proporzioni non vengono mantenute.

Allineamento orizzontale

Requisito: il Tipo di scala È Isotropico.

Allineamento orizzontale dell'immagine all'interno della cornice o dell'elemento

  • Sinistra

  • Centrato

  • Giusto

Allineamento verticale

Requisito: il Tipo di scala È Isotropico.

Allineamento verticale dell'immagine all'interno della cornice o dell'elemento

  • Superiore

  • Centrato

  • Metter il fondo a

Comportamento degli elementi

Comportamento degli elementi

  • Commutatore di immagini: L'immagine cambia ad ogni clic del mouse.

  • Tocca immagine: Mentre un utente della visualizzazione tiene premuto il pulsante del mouse, l'immagine del Immagine attiva viene visualizzata la proprietà. Allo stesso tempo, il valore TRUE è assegnato al Variabile proprietà.

Tocca FALSO

standard icon: : Mentre si preme il pulsante del mouse, l'immagine del Immagine viene visualizzata la proprietà e il Variabile la proprietà ottiene il valore FALSE invece del valore TRUE, e ritorno.

Requisiti: Tocca immagine è selezionato nel Comportamento degli elementi proprietà.

Testi

Descrizione comando

Stringa (senza virgolette singole diritte)

Esempio: Products of customer A

Il testo viene emesso come suggerimento. Se un segnaposto %<format string> è specificato nel testo, quindi il valore della variabile in Variabile di testo → Descrizione comando la proprietà viene emessa nella posizione del segnaposto.

Suggerimento

Utilizzare il Ctrl+accedere scorciatoia per aggiungere un'interruzione di riga.

Suggerimento

I testi specificati vengono trasferiti automaticamente al Elenco di testi globali elenco di testi. Pertanto, questi testi possono essere localizzati.

Lampeggiante

Il valore in Intervallo di ammiccamento specifica l'intervallo in millisecondi in cui l'elemento cambia tra l'immagine per lo stato acceso e l'immagine per lo stato spento.

Requisito: la visualizzazione viene eseguita come WebVisu e il Supporta animazioni client e sovrapposizione di elementi nativi l'opzione in Gestione visualizzazione è abilitata. L'elemento può lampeggiare solo in questo contesto.

Per ulteriori informazioni, vedere: Gruppo: Impostazioni generali

Intervallo di ammiccamento

Intervallo di lampeggio in millisecondi (ms) per le immagini trasferite Impostazioni dell'immagine

Su 0 (impostazione predefinita) non lampeggia l'elemento, ma l'immagine per lo stato acceso (Immagine, se la proprietà "on") viene visualizzato in modo permanente.

  • Variabile (tipo UDINT) per un cambio di immagine controllato dal programma

    Esempio: PLC_PRG.udiBlinking

  • Letterale (tipo UDINT),

    Definisce l'intervallo di tempo in cui l'immagine per lo stato acceso cambia nell'immagine per lo stato spento

    Esempio: 1000 per 1 secondo

Variabili di stato

Le variabili controllano il comportamento dell'elemento in modo dinamico.

Invisibile

variabile (BOOL) per alternare la visibilità dell'elemento

TRUE: L'elemento non è visibile in fase di esecuzione.

Esempio: bIsVisible insieme a VAR bIsVisible : BOOL := FALSE; END_VAR

Disattiva gli ingressi

variabile (BOOL) per alternare l'operabilità dell'elemento

TRUE: Gli input dell'utente non hanno più alcun effetto in runtime. L'elemento viene visualizzato come disattivato.

Suggerimento

Il Invisibile la proprietà è supportata dalla funzionalità "Animazione client".

Centro

Le proprietà contengono valori fissi per le coordinate del punto di rotazione. Il punto di rotazione viene visualizzato nell'editor come _visu_icon_center_point.png simbolo e viene utilizzato come centro per la rotazione e il ridimensionamento.

Suggerimento

Puoi anche modificare i valori trascinando il file _visu_icon_center_point.png simbolo in un'altra posizione nell'editor.

X

Coordinata X del punto di rotazione

Y

Coordinata Y del punto di rotazione

Movimento assoluto

Le proprietà contengono variabili IEC per il controllo dinamico della posizione dell'elemento. Il punto di riferimento è l'angolo superiore sinistro dell'elemento. In fase di esecuzione, l'intero elemento viene spostato.

Movimento

X

Aumentando questo valore in fase di esecuzione si sposta l'elemento a destra.

Y

Aumentando questo valore in fase di esecuzione si sposta l'elemento verso il basso.

Rotazione

Variabile (tipo di dato numerico) per l'angolo di rotazione (in gradi)

Esempio: PLC_PRG.iAngle1.

Il punto medio dell'elemento ruota in corrispondenza di Centro punto. Questo punto di rotazione è mostrato come il _visu_icon_center_point.png simbolo.

In fase di esecuzione, l'allineamento dell'elemento rimane lo stesso rispetto al sistema di coordinate della visualizzazione. Aumentando il valore, l'elemento ruota a destra.

_visu_img_prp_rotation.png

Ridimensionamento

Variabile (tipo di dati intero) per attivare uno stiramento centrico

Esempio: PLC_PRG.iScaling

Il punto di riferimento è il Centro proprietà.

Il valore 1 rimpicciolisce l'elemento di un fattore di 0.001. Il valore 1000 riporta l'elemento alla sua dimensione originale.

Rotazione interna

Variabile (tipo di dato numerico) per l'angolo di rotazione (in gradi)

Esempio: PLC_PRG.iAngle2.

In fase di esecuzione, l'elemento ruota attorno al punto di rotazione specificato in Centro in base al valore della variabile. Inoltre, l'allineamento dell'elemento ruota in base al sistema di coordinate della visualizzazione. Aumentando il valore nel codice ruota in senso orario.

Il punto di rotazione viene visualizzato come _visu_icon_center_point.png simbolo.

Nota

Se viene specificato un angolo di rotazione statico in Posizione → Angolo proprietà, quindi l'angolo di rotazione statico viene aggiunto all'angolo di rotazione variabile (offset) quando viene eseguita la visualizzazione.

_visu_img_prp_inner_rotation.png

Suggerimento

È possibile combinare le variabili in a conversione di unità.

Suggerimento

Il X, Y, Rotazione, e Rotazione interna le proprietà sono supportate dalla funzionalità "Animazione client".

Animazione

Suggerimento

Queste proprietà sono disponibili solo dopo aver selezionato il Supporta le animazioni dei clienti e la sovrapposizione di elementi nativi opzione nel Responsabile della visualizzazione.

Durata dell'animazione

Variabile per la durata (in millisecondi) in cui l'elemento esegue un'animazione

  • Variabile (valore intero)

    Esempio: Menu.tContent insieme a VAR tContent : INT := 500; END_VAR

  • Intero letterale

    Esempio: 500

. Proprietà animabili

  • Movimento assoluto, Movimento, X, Y

  • Movimento assoluto, Rotazione

  • Movimento assoluto, Rotazione interna

  • Movimento assoluto, Rotazione esterna

Il movimento animato viene eseguito quando almeno un valore di una proprietà animabile è cambiato. Il movimento quindi eseguito non è a scatti, ma è regolare entro la durata dell'animazione specificata. L'elemento di visualizzazione si sposta nella posizione specificata durante la rotazione dinamica. Le transizioni sono fluide.

Passa in primo piano

variabile (BOOL) per impostare l'elemento in primo piano

TRUE: In runtime l'elemento di visualizzazione viene visualizzato in primo piano.

FALSE: In runtime, l'elemento di visualizzazione viene visualizzato nel layer in cui è stato inserito nell'editor di visualizzazione.

Esempio: bIsInForeground insieme a VAR bIsInForeground : BOOL := FALSE; END_VAR

Configurazione ingresso

Le proprietà contengono le configurazioni per l'input dell'utente quando si utilizza il mouse o la tastiera. Un input utente definisce un evento e una o più azioni che vengono eseguite quando si verifica un evento.

Suggerimento

Il Configura il pulsante apre il Configurazione degli ingressi dialogo. Lì puoi creare o modificare gli input dell'utente.

Gli input utente configurati sono elencati sotto gli eventi. Ciascuno di essi include l'azione che viene attivata e l'impostazione in forma breve.

Esempio: Eseguire il codice ST: _visu_icon_action.png PLC_PRG.i_x := 0;

SuDialogChiuso

Evento di input: l'utente chiude la finestra di dialogo.

SuMouseClick

Evento di input: l'utente fa clic completamente con il pulsante del mouse nell'area dell'elemento. Il pulsante del mouse viene cliccato e rilasciato.

OnMouseDown

Evento di input: l'utente fa clic sul pulsante del mouse.

OnMouseInvio

Evento di input: l'utente trascina il puntatore del mouse sull'elemento.

OnMouseLeave

Evento di input: l'utente trascina il puntatore del mouse lontano dall'elemento.

OnMouseMove

Evento di input: l'utente sposta il puntatore del mouse sull'area dell'elemento.

Su Mouse Su

. Eventi di input:

  • L'utente rilascia il pulsante del mouse all'interno dell'area dell'elemento. È irrilevante se l'utente ha precedentemente premuto il pulsante del mouse all'interno o all'esterno dell'area dell'elemento.

  • L'utente preme il pulsante del mouse all'interno dell'area dell'elemento, lascia l'area dell'elemento e quindi rilascia il pulsante del mouse.

Nota

Questo CODESYS-un comportamento di attivazione specifico garantisce il completamento delle azioni per gli elementi chiave. Un elemento chiave avvia un'azione per OnMouseDown e termina l'azione per Su Mouse Su.

Esempio: un utente della visualizzazione preme il pulsante del mouse all'interno dell'area dell'elemento dell'elemento chiave e quindi sposta la posizione del cursore in modo che si trovi al di fuori dell'area dell'elemento. L'azione è comunque terminata perché Su Mouse Su è scatenato.

Rubinetto

Quando si verifica un evento di clic del mouse, la variabile definita in Variabile è descritto nella domanda. La codifica dipende dal Tocca FALSO e Tocca invio se catturato opzioni.

Variabile

Requisito: il Tocca FALSO l'opzione non è attivata.

variabile (BOOL) per l'evento clic del mouse

TRUE: esiste un evento clic del mouse. Dura finché l'utente preme il pulsante del mouse sull'elemento. Termina quando si rilascia il pulsante.

FALSE: non esiste un evento clic del mouse.

Esempio: PLC_PRG.bIsTapped

Tocca FALSO

standard icon: L'evento clic del mouse porta a un valore complementare in Variabile.

TRUE: non esiste un evento clic del mouse.

FALSE: Mentre esiste l'evento clic del mouse.

Tocca invio se catturato

standard icon: Durante l'input dell'utente, viene anche preso in considerazione se il puntatore del mouse viene trascinato all'interno dell'area dell'elemento o meno mentre viene premuto il pulsante del mouse.

TRUE: Mentre esiste l'evento clic del mouse e il puntatore del mouse viene spostato sull'area dell'elemento.

FALSE: non esiste un evento clic del mouse. Oppure l'utente sposta il puntatore del mouse al di fuori dell'area dell'elemento mentre viene premuto il pulsante del mouse.

Il valore è TRUE di nuovo non appena l'utente riporta il puntatore all'area dell'elemento. Il mouse viene quindi catturato.

Cambia

Con l'inizio di un evento di clic del mouse, la variabile viene impostata; quando l'evento clic del mouse è completato, la variabile viene ripristinata.

Variabile

variabile (BOOL) per passare alla fine dell'evento clic del mouse

Questo è quando l'utente rilascia il pulsante del mouse mentre il puntatore del mouse si trova sopra l'area dell'elemento. Se l'utente rilascia il pulsante del mouse mentre il puntatore del mouse è al di fuori dell'area dell'elemento, l'evento del clic del mouse non viene terminato e il valore non viene attivato.

Suggerimento

L'utente può annullare un input toggle avviato trascinando il puntatore del mouse fuori dall'area dell'elemento.

Attiva se catturato

standard icon: Il valore cambia indipendentemente da dove si trova il puntatore del mouse quando viene rilasciato il pulsante del mouse. Il mouse viene quindi catturato.

Tasto di scelta rapida

Scorciatoia sull'elemento per l'attivazione di azioni di input specifiche

Quando si verifica l'evento hotkey, le azioni di input nel file Eventi proprietà vengono attivati. In questo modo, non è l'azione di input stessa che porta a questa azione di input, ma l'azione di input del mouse.

Chiave

Tasto premuto per l'azione di input.

Esempio: T

Le seguenti proprietà vengono visualizzate quando viene selezionata una chiave.

Eventi

  • Nessuno

  • Mouse giù: Premendo il tasto si attivano le azioni di input configurate in OnMouseDown proprietà.

  • Mouse in alto: il rilascio del tasto attiva le azioni di input configurate in Su Mouse Su proprietà.

  • Mouse giù/su: Premendo e rilasciando il tasto si attivano le azioni di input configurate in OnMouseDown proprietà e il Su Mouse Su proprietà.

Cambia

standard icon: Combinazione con il tasto "Maiusc".

Esempio: Spostare+T.

Controllo

standard icon: Combinazione con il tasto "Ctrl".

Esempio: Ctrl+T.

Alt

standard icon: Combinazione con il tasto "Alt".

Esempio: Alt+T.

Suggerimento

Tutte le scorciatoie da tastiera e le relative azioni configurate nella visualizzazione sono elencate in Configurazione della tastiera scheda.

Diritti di accesso

Nota

Disponibile solo quando una gestione utenti è impostata per la visualizzazione.

Diritti di accesso pulsante

Apre il Diritti di accesso dialogo. Lì puoi modificare i privilegi di accesso per l'elemento.

. Messaggi di stato:

  • Non impostato. Pieni diritti.: Diritti di accesso per tutti i gruppi di utenti: operabile

  • I diritti sono impostati: diritti limitati: L'accesso è limitato ad almeno un gruppo.

In questa sezione: